<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="喜换,喜换商城,物换物">
		<meta name="description" content="喜换,开心换物,心所想,有所得">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>喜换商城-首页</title>
		<link rel="icon" href="favicon.ico">
<!--		<link rel="stylesheet" href="js/lib/bootstrap/css/bootstrap.css">-->
		<link rel="stylesheet" href="/css/base.css">
	    <link rel="stylesheet" href="/css/common.css">
	    <link rel="stylesheet" href="/css/index.css">
	    <link rel="stylesheet" href="/css/iconfont/iconfont.css">
	    <link rel="stylesheet" href="/css/swiper-3.4.2.min.css">
		<!--引入独立的导航条样式-->
    <!--<link rel="stylesheet" href="./css/xh_nav.css">-->
    <!--[if lt IE 9]>
    <script src="/js/lib/html5shiv/html5shiv.min.js"></script>
    <script src="/js/lib/respond/respond.js"></script>
    <![endif]-->
</head>
<body>	
	<!--头部-->
	<header>
		<div class="center clearfix">
			<div class="right">
				<!--<a href="/template/joinCart.html"><i class="sc sc-gouwuche"></i>我的购物车</a>-->
				<a href="/template/login.html" id="login">登录</a>
				<a href="" id="quit">退出</a>
				<a href="/template/personal.html" id="personal"></a>
				<a href="/template/register.html" id="register">注册</a>
			</div>
		</div>
	</header>
	<!--搜索栏-->
	<div id="ls" class="top-seek">
			<div class="subs center clearfix">
				<div class="logo">
					<a href="javascript:;"></a>
				</div>
				<div class="find">
					<input id="seek_shop" type="text" placeholder="输入商品名"/>
					<span id="seek_button" class="sc sc-sosuo"></span>
					<!-- find-text 自动联想搜索框功能已实现，暂不启用-->
					<div class="find-text"></div>
				</div>

			</div>
	</div>
	<!--导航栏-->
	<div class="nav">
	    <div class="center">   
	    	<div class="case">
		        <div class="all-category">
		        	<i class="sc sc-fenlei"></i>
		            <h4>全部商品分类</h4>
		        </div>
	    	</div>
	        <ul class="nav nav-li">
	            <!--999999 是全部商品 这个值要需要传递-->
	            <li><a href="/template/goods.html?businessId=999999">喜换商品</a></li>
				<li><a href="/template/assetPackage.html">资产包</a></li>
	        </ul>
	    </div>
	</div>
	<!--轮播图-->
	<div class="swiper-container">
		<div class="swiper-wrapper">

		</div>
		<!-- 如果需要分页器 -->
		<div class="swiper-pagination"></div>
		<!-- 如果需要导航按钮 -->
		<!--<div class="swiper-button-prev"></div>-->
		<!--<div class="swiper-button-next"></div>-->

		<!-- 如果需要滚动条 -->
		<!--<div class="swiper-scrollbar"></div>-->
		<div class="gooList">
			<div class="center goodList-in">
				<div class="category-list">
					<!--<div class="fore">-->
					<!--<h3><a href="#">家用电器</a></h3>-->
					<!--<i></i>-->
					<!--</div>-->
				</div>
			</div>
		</div>
	</div>

	<div class="main">
	<div class="list1 clearfix">
		<div class="list1-in center clearfix">
			<h4 class="list-title">明星单品</h4>
			<ul>

			</ul>				
		</div>
	</div>
	<div class="list2 clearfix">
		<div class="list2-in center">

		</div>
	</div>
</div>
	<footer>
		<div class="center footer-links clearfix"></div>
		<div class="center footer-bottom"></div>
	</footer>
	<!--返回顶部-->
	<div class="back-top"></div>
	<!--在线客服-->
	<div class="session"></div>

<script type="text/javascript" src="/js/lib/jquery/jquery-1.9.1.js"></script>
<script type="text/javascript" src="/js/lib/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/app/swiper-3.4.2.jquery.min.js"></script>
<script src="/js/app/template.js"></script>
<script src="/js/app/API.js"></script>
<script src="/js/app/common.js"></script>
<script type="text/javascript" src="js/app/index.js"></script>
	<!--封装公共底部	-->
<script src="/js/app/public.js"></script>

	<!--商品分类-->
	<script type="text/html" id="classify">
		{{ each arrow as value i }}
			<div class="fore">
				<h3><a id="gooName" href="/template/goods.html?businessId={{ value.id }}">{{ value.name}}</a></h3>
				<i> </i>
			</div>
		{{ /each }}
	</script>

	<!--轮播图模版-->
	<script type="text/html" id="banner">
		{{ each data as value }}
        <div class="swiper-slide">
            <a href="/template/details.html?businessId={{ value.goodId }}">
            	<img src="{{ value.carousePic }}"/>
            </a>
		</div>
		{{ /each }}
	</script>

	<!--明星单品模版-->
	<script type="text/html" id="star">
		<ul>
			{{ each data as value i}}
			<li>
				<a href="/template/details.html?businessId={{ value.id }}" target="_blank">
					<img src="{{ value.pic.split(',')[0]}}" alt="{{ i }}" />
				</a>
				<p class="desc">{{ value.title }}</p>
				<span class="price">￥{{ value.price1}}</span>
			</li>
			{{/each}}
		</ul>
	</script>

	<!--海报图模版-->
	<script type="text/html" id="longAdimg">
		{{each data as value i }}
		<div class="list2-product clearfix list2-product-{{i}}">
			<div class="longTitle">
				<h4 class="list-title">{{value.types[0].name}}</h4>
				<div class="list-title-right">
					<ul>
						{{ each value.types as type j}}
						<li id="longType" data-typepid={{type.pid}}>
							<a href="javascript:;" data-good-type-id={{type.id}}>
                                {{ if j == 0}}热门{{/if }}
                                {{ if j != 0}}{{type.name}}{{/if }}
                            </a>
						</li>
						{{ /each }}
					</ul>
				</div>
				<div class="list2-left">
					<img src="{{value.ads.longPic}}" alt="" />
				</div>
			</div>
			<div class="list2-right"></div>
		</div>
		{{ /each }}
	</script>
	<script type="text/html" id="goodListTmp">
			<ul class="row">
				{{ each data as value i}}
				<!--<li class="col-xs-3" onclick="location.href='/template/details.html?businessId={{value.id }}'">-->
				<li class="col-xs-3">
					<a href="/template/details.html?businessId={{ value.id }}" target="_blank"></a>
					<img src="{{value.pic.split(',')[0]}}" alt="" />
					<span class="productName">{{ value.title }}</span>
					<p class="desc">{{ value.name }}</p>
					<span class="price">￥{{ value.price1 }}</span>
				</li>
				{{ /each }}
			</ul>
	</script>

</body>
</html>
